@charset "utf-8";


/*Reset  075691 -> 39a794 -> 0ca5cd*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:13px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#757575;text-decoration:none;}
a:hover {color:#2b8ae4;}
a:active {color:#2b8ae4;}
.hidden{ display:none}
i{ font-style:normal}
.page{ height:25px; text-align:center; margin-top:10px;}
.page span{ margin:2px; border:1px solid #CCC; padding:2px;}
.page a{ margin:2px;}
.hover{ color:#F00}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#757575;}  

@font-face {
  font-family: 'brandontext-bold';
  src: url('../../../fonts/brandontext-bold.eot');
  src: url('../../../fonts/brandontext-bold.eot?#iefix') format('embedded-opentype'), url('../../../fonts/brandontext-bold.woff2') format('woff2'), url('../../../fonts/brandontext-bold.woff') format('woff'), url('../../../fonts/brandontext-bold.ttf') format('truetype'), url('../../../fonts/brandontext-bold.svg#glyphicons_halflingsregular') format('svg');
}

/*index eceef4*/
.headtop{ float: left; width: 100%; background: #f3f3f3; height: 30px;}
.welcome{ float:left; color: #aaaaaa; background:url(shouzhi.gif) no-repeat 0 center; padding: 0 0 0 60px; line-height: 25px;font-size:11px;}
.encn{ height:21px; float:right; line-height:20px; padding-top:20px;}
.encn img{ margin-top:3px; float:left; margin-right:5px; margin-left:15px;}
.encn span{ float:left;}
.head{ float: left; width: 100%; padding:26px 0;}
.logo{float: left;}
.logo img{width:650px;}
.searchform{ float:right; background: url(searchbg.png) no-repeat; width: 301px; height: 40px; margin: 22px 0 0;}
.txt_search{ float:left; width: 238px; margin: 2px 0 0 20px; height:32px; line-height: 32px; display: inline; border: medium none; color: #d1d7e7;}
.btn_search{ float:right; width:34px; height:34px; background:url(searchbtn.png) no-repeat center center; cursor:pointer; border: medium none; margin: 3px 4px 0 0; display: inline;}
.menu{ float: left; width: 100%; border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background: #f3f3f3;height:50px;}
.menu li{ float: left; border-right: 1px solid #e0e0e0; line-height: 50px; font-size: 16px;}
.menu li a{color: #505050; display: block; padding: 0 30px;}
.menu li.hover a,.menu li a:hover{background: url(ico1.png) no-repeat center bottom; color: #0ca5cd;}
.tel{ float: left; background: url(tel.png) no-repeat 0 center; padding: 0 0 0 30px; color: #6d6e71; font-size: 15px; line-height: 59px; font-weight: bold; margin-left:40px;}
.tel span{color: #0ca5cd;font-family: arial; font-size: 17px;}

/*banner效果*/
.content{position:relative;width:100%;margin: 1px auto 0; height:402px; float: left;}
.banner{width:100%;height:402px;overflow:hidden;}
.content ul{ width:100%; }
.content_ul li{ display:block; width:100%; height:402px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:402px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:url(../images/yuan1.png) no-repeat;width:12px; height:12px; margin:0 8px; cursor:pointer;}
.slidenum span.current{background:url(../images/yuan2.png) no-repeat;}
/*banner效果 end*/

.s-wrap{
	width:1160px;
	overflow: hidden; /* 清除浮动增加背景色*/
	background-color:#fff;
 	box-shadow: 5px 5px 3px #888888;
	margin-bottom:50px; 
	margin-top:50px;
}
.index_company{ float: left; width:580px; height:500px;}
.index_company h1{float: left; width:100%; height:70px;font-size:16pt;color:#0ca5cd;margin-top:15px;}
.index_company h2{float: left; width:100%; height:30px;font-size:13pt;color:#222;}
.index_company p{float: left; width:100%; height:85px;font-size:12pt;margin-top:15px;}
.index_company div{float: left; width:100%; height:50px;font-size:12pt;margin-top:100px;}
.index_company div span{padding:20px;}

.title1{ text-align: center;font-size: 18px; font-weight:bold; margin: 50px 0 0; line-height: 20px;}
.title1 i{display: block;font-family: brandontext-bold; color: #6d6e71; text-transform: uppercase;}
.title1 span{ color: #0ca5cd; display: block;}

.prolist{float: left; width: 1158px; margin: 0px 0 50px 1px; display: inline;}
.prolist li{ float: left; height:200px; width: 200px; margin: 50px 93px; display: inline;}
.propic{width:200px; height:200px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:321px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.propic img{vertical-align:middle;}

.protle{font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-align: center;margin-top:10px;}
.protle a{color: #0ca5cd;}
.prodetail{ color: #6d6e71; text-align: center; line-height: 24px; height: 24px; overflow: hidden;}
.more{ display: block;margin:10px auto 0; background: url(more.gif) no-repeat; width: 124px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px;}
.newsbox{ float: left; width:490px; height: 317px; background: url(box.gif) no-repeat; padding: 35px 42px 0;margin-top:35px;}
.title2{line-height: 20px; margin: 0 0 28px; }
.title2 span{ color: #0ca5cd; font-size: 16px; display: block;}
.title2 i{ display: block; font-family: arial; text-transform: uppercase;}
.newsdl{ float: left; width: 100%; border-top: 1px dotted #a6a6a6; padding: 22px 0;}
.newsdl dt{ float: left; width:90px;}
.newsdl dt span{width:90px; height:64px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:56px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.newsdl dt span img{vertical-align:middle;}
.newsdl dd{ float: right; width: 386px;}
.title3{font-size: 14px; line-height: 26px; height: 26px; overflow: hidden; margin:0 0 6px;}
.title3 a{ color: #0ca5cd;}
.title3 a:hover{ text-decoration: underline;}
.detail1{ color:#7d7d7d; line-height: 16px; height: 32px; overflow: hidden;}
.newsbox1{ float: right;}
.newsdl1{ float: left; width: 100%; border-top: 1px dotted #a6a6a6; padding: 22px 0 0;}
.newsdl1 dt{ float: left; width: 222px; position: relative;}
.newsdl1 dt img{ display: block; width: 222px; height: 190px; vertical-align: bottom;z-index:-1px;}
.newsdl1 dt i{ position: absolute; width:4px ; height: 4px;display: block;overflow: hidden;}
.lt{ left: 0; top: 0; background: url(lt.png) no-repeat;}
.rt{ right: 0; top: 0; background: url(rt.png) no-repeat;}
.lb{ left: 0; bottom: 0; background: url(lb.png) no-repeat;}
.rb{ right: 0; bottom: 0; background: url(rb.png) no-repeat;}
.newsdl1 dd{ float: right; width: 250px; margin: 10px 0 0;}
.newsdl1 .detail1{ height: 120px; line-height:20px; overflow:hidden;}
.footbox{ float: left; width: 100%; padding: 60px 0; background: #2b2c2d; margin: 80px 0 0;border-top:#0ca5cd 5px solid;}
.foot2{ float:left; width:500px;}
.title4{ color:#cccccc; font-size:16px; line-height: 30px;}
.detail2{ color:#707070; line-height:24px;}
.sharebox1{ float: right; text-align: right;}
.sharebox1 .bshare-custom.icon-medium .bshare-weixin{background: url(../images/wx.png) no-repeat; width: 73px; height: 73px; padding: 0; margin: 0 0 0 30px;}		
.sharebox1 .bshare-custom.icon-medium .bshare-weixin:hover{background: url(../images/wxn.png) no-repeat; opacity: 1;}
.sharebox1 .bshare-custom.icon-medium .bshare-sinaminiblog{background: url(../images/wb.png) no-repeat; width: 73px; height: 73px; padding: 0; margin: 0 0 0 30px;}
.sharebox1 .bshare-custom.icon-medium .bshare-sinaminiblog:hover{ background: url(../images/wbn.png) no-repeat;opacity: 1;}
.copy{color: #6d6e71; line-height: 20px; margin: 30px 0 0;}
/*index end*/

/*about*/
.main{float: left; width: 100%; margin: 50px 0 0;}
.left{ float: left; width: 180px;}
.lnavtle{background: url(lnavtle.gif) no-repeat; height: 150px; color: #fff; padding: 0 0 0 20px; height: 50px; line-height: 50px; text-transform: uppercase; float: left; width: 160px;}
.lnavtle1{background: url(lnavtle1.gif) no-repeat; margin: 50px 0 0; }
.lnavtle span{ font-size: 15px;}
.lnav{ float: left; width: 100%; position: relative;margin: 20px 0 0;}
.lnav li{ float: left; width: 100%;  border-bottom: 1px solid #bfbfbf;}
.lnav li.nobtm{ border: medium none;}
.lnav li a{ padding: 0 0 0 20px; display: block; line-height: 50px; background: url(lnavico1.gif) no-repeat 155px center #f7f6f5; color: #0ca5cd; font-size: 14px;-webkit-transition-property:background-color;-moz-transition-property:background-color;   -o-transition-property:background-color;-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-o-transition-duration:0.1s;}
.lnav1 li a{ color: #434343; background:url(lnavico3.gif) no-repeat 155px center ;}
.lnav li.on a,.lnav li a:hover{ background: url(lnavico2.png) no-repeat 155px center #0ca5cd; color: #fff;}
.lnav1 li.on a,.lnav1 li a:hover{background: url(lnavico2.png) no-repeat 155px center #e9ba07;}
.lt1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; left: 0; top: 0; background: url(lt2.png) no-repeat;}
.rt1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; right: 0; top: 0; background: url(rt2.png) no-repeat;}
.lb1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; left: 0; bottom: 0; background: url(lb2.png) no-repeat;}
.rb1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; right: 0; bottom: 0; background: url(rb2.png) no-repeat;}
.right{ float: right; width: 870px;}
.aboutbox1{ float: left; width: 870px; background: url(aboutmid.gif) repeat-y center top;}
.aboutbox2{ float: left; width: 790px; background: url(aboutbg.gif) no-repeat center top; padding: 18px 40px 60px;}
.abouttle{color: #0ca5cd; font-size: 18px; line-height: 80px; border-bottom: 1px solid #a0a0a0; text-transform: uppercase;}
.aboutdl{ line-height:28px; padding-top:20px;}
.aboutdl dt{ float: right;margin: 70px 66px 0 0; display: inline;width: 188px; }
.aboutdl dd{ width: 404px; float: left;}
.aboutdl dt img{ width: 188px;}
.aboutdl dd p{ line-height: 20px; margin:20px 0 0; font-size: 14px; color: #434343;}
.relativepro{ float: left; width: 100%; margin: 50px 0 0; position: relative;}
.relativepro li{float: left; width: 100%;}
.propic1{display: block;}
.propic1 img{width: 180px; height: 163px; display: block; vertical-align: bottom;}
.protle1{background: #1b1b1b; line-height: 35px; text-align: center; font-size: 14px; }
.protle1 a{color: #fff; }
/*about end*/

/*partner*/
.show {float: left; width: 100%;}
.show ul {overflow: hidden; margin-bottom: 30px;}
.show ul li {width:25%;*width:24.9%;overflow: hidden; float: left; position: relative; cursor: pointer; margin-top: 20px;}
.show ul li img{ height:150px; width:150px;}
.show ul li span {top: -150px; width: 100%; position: absolute; opacity: 0; -webkit-transition: all .5s ease 0s; -mos-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.show ul li:hover span {top: 0px; opacity: 1;}
/*partner end*/

/*tips*/
.tipsdl{ float: left; width: 100%; border-bottom: 1px solid #a6a6a6; padding: 40px 0;}
.tipsdl dt{ float: left; width:90px;}
.tipsdl dt span{width:90px; height:92px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:80px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.tipsdl dt span img{vertical-align:middle;}
.tipsdl dd{ float: right; width: 675px;}
.title5{font-size: 15px; line-height: 26px; height: 26px; overflow: hidden; margin:0 0 6px;}
.title5 a{ color: #0ca5cd;}
.title5 a:hover{ text-decoration: underline;}
.detail3{ color:#7d7d7d; line-height: 20px; height: 60px; overflow: hidden; }
.nobtm1{ border-bottom: medium none;}
.title6{ color: #0ca5cd; font-size: 14px; margin: 40px 0 20px;}
.ewm{ float: right;width: 100px; margin: 40px  0 0;}
.ewm img{ width: 100px; height: 100px; display: block; vertical-align: bottom;}
/*tips end*/

/*news*/
.newsdl2{ float: left; border:1px solid #ddd; width: 854px; height: 184px; padding: 8px; margin: 0 0 20px;}
.newsdl3{ }
.newsdl2 dt{float: right; width: 184px;}
.newsdl2 dt img{ width: 184px; height: 184px; display: block; vertical-align: bottom;}
.newsdl2 dd{ float: left; width: 560px; margin: 20px 0 0 36px; display: inline;}
.title7{ font-size: 14px; line-height: 52px; border-bottom: 1px solid #a0a0a0; height: 52px; overflow: hidden; margin: 0 0 15px;}
.title7 a{color: #0ca5cd;}

.page{ float: left; width: 100%; text-align: center; margin: 30px 0 0;}
.page a{ display: inline-block; margin: 0 8px; color: #b5b5b5;line-height: 26px;}
.page a.page1{ background: #b5b5b5; color: #fff;padding: 0 10px; border-radius: 4px;}
.page a:hover{ color: #3696c1;}
.page a.page1:hover{background: #3696c1; color: #fff;}
/*news end*/

/*news_detail*/
.time{ float: right; line-height: 80px;}
.newscon{ float: left; width: 100%; margin: 20px 0 0;}
.newscon p{ line-height: 20px; color: #a0a0a0; margin: 0 0 20px;}
/*news_detail end*/

/*products*/
.right1{ float: right; width: 871px;}
.prolist1{ float:left; width:904px;}
.prolist1 li{ float: left; width: 191px; border: 1px solid #e2e2e2; border-radius: 5px; margin: 0 33px 30px 0;}
.prolist1 li.hover{ border: 1px solid #e9ba07;}
.propic2{width:191px; height:191px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:173px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.propic2 img{vertical-align:middle; border-top-left-radius: 5px; border-top-right-radius: 5px;width:191px; height:191px;}
.protle2{ line-height: 50px; border-top: 1px solid #e6e5e4; text-align: center; font-size: 15px; background: #f7f6f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 50px; overflow: hidden;}
.protle2 a{ color: #313131;}
.prolist1 li.hover .protle2{background: url(protle.gif) no-repeat transparent; border-top: 1px solid #e9ba07;}
/*products end*/

/*prodetail*/
.prolist2{ float: left; width: 92px; margin: 0 8px 0 0;}
.prolist2 li{ float: left; width: 90px; border: 1px solid #e5e5e5; border-radius: 5px; margin: 0 0 8px;}
.prolist2 li.hover{ border: 1px solid #e9ba07;}
.prolist2 li a{ width:90px; height:120px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:105px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.prolist2 li a img{ vertical-align:middle; border-radius: 5px;}
.bigpic{ float: left; width:198px; height: 250px; border: 1px solid #e5e5e5; border-radius: 5px;}
.bigpic span{ width:198px; height:250px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:218px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.bigpic span img{ vertical-align:middle; border-radius: 5px;}
.prodetail_right{ float: right; width: 560px;}
.title8{color: #3696c1; font-size: 16px; line-height: 30px;}
.detail4{ color: #0ca5cd; line-height: 20px;}
.detail5{line-height: 24px; color: #707070; border-top: 1px solid #a0a0a0; margin: 24px 0 0; padding: 18px 0 0;}
.prodetailtle{background: #3696c1; padding: 0 0 0 24px; line-height: 30px; border-radius: 5px; color: #fff; margin: 28px 0;font-size:14px;}
.prodetailcon{ float: left; width: 100%; line-height:28px;font-size:14px;}
.prodetailcon div,ul,li,dl,dt,dd,p,embed,label{font-size:14px;}
/*prodetail end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1160px;}
.wrap2{float:left;margin:0 auto; width:960px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;} 
#zlight-nav {z-index: 99999;border-bottom:1px solid #e0e0e0;}
/*share end*/
/***************************
* MEDIA QUERIES
***************************/

/* Large devices (tablets , 1200px ) */
@media (max-width: 1200px) {
	.headtop{
		display: block;
		width: 1160px;
	}
	.menu{
		display: block;
		width: 1160px;
	}
	.content{
		display: block;
		width: 1160px;
	}
	.footbox{
		display: block;
		width: 1160px;
	}
}